<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0">
	<meta http-equiv="X-UA-Compatible" content="ie=edge">
	<meta name="description" content="记录下这来之不易的学习资料吧!">
	<link rel="shortcut icon" th:href="@{/img/favicon.ico}" type="image/x-icon">
	<title>Aurora庇护所</title>
	<link rel="stylesheet" type="text/css" th:href="@{/css/gamehouse.css}"/>
	<link rel="stylesheet" type="text/css" th:href="@{/css/bootstrap.min.css}" />
	<link rel="stylesheet" type="text/css" th:href="@{/css/allcursor.css}" />
	<link rel="stylesheet" type="text/css" th:href="@{/css/iview.css}">

</head>
<body>
	<!-- 主页 -->
	<div class="back-top p-r">
		<div class="wave p-a ">
			<svg class="waves" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
			viewBox="0 24 150 28" preserveAspectRatio="none" shape-rendering="auto">
			<defs>
			<path id="gentle-wave" d="M-160 44c30 0 58-18 88-18s 58 18 88 18 58-18 88-18 58 18 88 18 v44h-352z" />
			</defs>
			<g class="parallax">
			<use xlink:href="#gentle-wave" x="48" y="0" fill="rgba(255,255,255,0.7)" />
			<use xlink:href="#gentle-wave" x="48" y="3" fill="rgba(255,255,255,0.5)" />
			<use xlink:href="#gentle-wave" x="48" y="5" fill="rgba(255,255,255,0.3)" />
			<use xlink:href="#gentle-wave" x="48" y="7" fill="#fff" />
			</g>
			</svg>
		</div>
		<div class="gamehaner p-ht">
			<h3 class="p-blod c-pink">AURORA 收藏屋</h3>
			<span class="c-purple p-ht text-align">
				<div id="chakhsu" class="p-blod"></div>
				</span>
			</span>
		</div>
	</div>
	<div class="gamemain p-ht">

			<div class="nav-box p-blod show-box-m" :class="{navboxfixed:navflag}"  id="nav-box">
				<div class="nav-one ">
					<a class="a-default c-black" th:href="@{/}">
						首页<div class="bor-t"></div>
					</a>
				</div>
				<div class="nav-one s-x">
					<a class="a-default c-black p-def" th:href="@{/pcgame}">
						PC大作<div class="bor-t"></div>
					</a>
				</div>
				<div class="nav-one s-x">
					<a class="a-default c-black" th:href="@{/indexgame}">
						小型/独立游戏<div class="bor-t"></div>
					</a>
				</div>
				<div class="nav-one s-x">
					<a class="a-default c-black" th:href="@{/kf}">
						VR游戏<div class="bor-t"></div>
					</a>
				</div>
				<div class="nav-one s-x">
					<a class="a-default c-black"  th:href="@{/kf}">
						模拟器游戏<div class="bor-t"></div>
					</a>
				</div>
				<div class="nav-one s-x">
					<a class="a-default c-black" th:href="@{/search}">
						<svg width="15" height="15" style="position: relative;top: -2px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36"><path fill="#9AAAB4" d="M27.388 24.642L24.56 27.47l-4.95-4.95 2.828-2.828z"/><path fill="#66757F" d="M34.683 29.11l-5.879-5.879c-.781-.781-2.047-.781-2.828 0l-2.828 2.828c-.781.781-.781 2.047 0 2.828l5.879 5.879c1.562 1.563 4.096 1.563 5.658 0 1.56-1.561 1.559-4.094-.002-5.656z"/>
							<circle fill="#8899A6" cx="13.586" cy="13.669" r="13.5"/><circle fill="#BBDDF5" cx="13.586" cy="13.669" r="9.5"/>
						</svg> 搜索<div class="bor-t"></div>
					</a>
				</div>
				<div class="nav-one s-x">
					<a class="a-default c-black" th:href="@{/my}">
						关于我<div class="bor-t"></div>
					</a>
				</div>
				<div class="nav-one-img smallbox" id="tv" type="button" onclick="tvdown()">
					<img th:src="@{/img/webicon/tv.gif}" width="45px">
					<div class="bor-t"></div>
				</div>

					<div class="back-box show-box-d-m button-hover" type="button" id="back-box" :class="{disn:scrollTop<520}" onclick="backclick()" v-cloak="">
						<Tooltip content="返回顶部" placement="left">
						<svg xmlns="http://www.w3.org/2000/svg" width="13px" height="13px" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-corner-right-up">
							<polyline points="10 9 15 4 20 9"></polyline>
							<path d="M4 20h7a4 4 0 0 0 4-4V4"></path>
						</svg>
						</Tooltip>
					</div>
				<!-- 设置box -->
				<div class="setting-all" id="set-all">
					<div class="setting-box show-box-d-m svg-p-r-2 button-hover" type="button" onclick="setting()">
						<Tooltip content="设置" placement="left">
						<svg id="rotate-svg" xmlns="http://www.w3.org/2000/svg" width="16px" height="16px" viewBox="0 0 24 24" fill="none"
							 stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
							 class="feather feather-settings" data-original-title="" title="">
							<circle cx="12" cy="12" r="3"></circle>
							<path
									d="M19.4 15a1.65 1.65 0 0 0 .33 1.82l.06.06a2 2 0 0 1 0 2.83 2 2 0 0 1-2.83 0l-.06-.06a1.65 1.65 0 0 0-1.82-.33 1.65 1.65 0 0 0-1 1.51V21a2 2 0 0 1-2 2 2 2 0 0 1-2-2v-.09A1.65 1.65 0 0 0 9 19.4a1.65 1.65 0 0 0-1.82.33l-.06.06a2 2 0 0 1-2.83 0 2 2 0 0 1 0-2.83l.06-.06a1.65 1.65 0 0 0 .33-1.82 1.65 1.65 0 0 0-1.51-1H3a2 2 0 0 1-2-2 2 2 0 0 1 2-2h.09A1.65 1.65 0 0 0 4.6 9a1.65 1.65 0 0 0-.33-1.82l-.06-.06a2 2 0 0 1 0-2.83 2 2 0 0 1 2.83 0l.06.06a1.65 1.65 0 0 0 1.82.33H9a1.65 1.65 0 0 0 1-1.51V3a2 2 0 0 1 2-2 2 2 0 0 1 2 2v.09a1.65 1.65 0 0 0 1 1.51 1.65 1.65 0 0 0 1.82-.33l.06-.06a2 2 0 0 1 2.83 0 2 2 0 0 1 0 2.83l-.06.06a1.65 1.65 0 0 0-.33 1.82V9a1.65 1.65 0 0 0 1.51 1H21a2 2 0 0 1 2 2 2 2 0 0 1-2 2h-.09a1.65 1.65 0 0 0-1.51 1z">
							</path>
						</svg>
						</Tooltip>
					</div>
					<div class="setting-right p-ht p-blod">
						<div class="setting-title-one">
							<p class="p-default" >设置</p>
							<Tooltip content="取消所有设置的选中" placement="top-end">
							<button type="button" id="reset" class="button-default b-pink" @click="settingreset"><p class="p-default p-blod">重置</p></button>
							</Tooltip>
						</div>
						<div class="ST">
							<div class="setting-title">
								<p class="p-default">固定导航</p>
								<div type="button" :class="{switch:true,switchs:flag}" @click="navclick" id="navflex"></div>
							</div>
							<div class="setting-title">
								<Tooltip content="不想做了，开摆！" placement="right">
									<p class="p-default" style="font-size: 15px;">夜晚模式
										<svg xmlns="http://www.w3.org/2000/svg" width="16px" height="16px"
											 viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2"
											 stroke-linecap="round" stroke-linejoin="round"
											 class="feather feather-alert-circle" style="vertical-align: -1px">
											<circle cx="12" cy="12" r="10"></circle>
											<line x1="12" y1="8" x2="12" y2="12"></line>
											<line x1="12" y1="16" x2="12.01" y2="16"></line>
										</svg>
									</p>
								</Tooltip>
								<div type="button" id="nightbox" :class="{switch:true,switchs:nightFlag}" @click="nightFlag = ! nightFlag"></div>
							</div>
							<div class="setting-title p-r">
								<p class="p-default">自定义背景</p>
								<Tooltip content="暂无法使用" placement="top">
									<div class="ban">
										<input type="checkbox" class="switch dis-n">
									</div>
								</Tooltip>
							</div>
							<div class="setting-title">
								<p class="p-default">设置主题颜色</p>
								<Tooltip content="暂无法使用" placement="bottom">
									<div class="ban">
										<!-- <input type="text" name="themecolor" id="" value="" class="themeinput p-blod"/> -->
									</div>
								</Tooltip>
							</div>
							<!-- <div class="h-x"></div>
                            <div class="img-list">

                                 add button -->
							<!-- <div class="add-img text-align" type="button" >
                                <span>设置</span>
                            </div>
                        </div> -->
						</div>
					</div>
				</div>
			</div>

		<div class="small-nav-box show-box-m p-a text-align p-blod list-open " id="small-nav-box">
			<a class="a-default c-black" href="">
				<div class="nav-one s-n-o s-b p-r"><span class="span-move " id="span-one-op" >PC大作</span><div class="bor-t"></div></div>
			</a>
			<a class="a-default c-black" href="">
				<div class="nav-one s-n-o s-b p-r"><span class="span-move" >小型/独立游戏</span><div class="bor-t"></div></div>
			</a>
			<a class="a-default c-black" href="">
				<div class="nav-one s-n-o s-b p-r"><span class="span-move">VR游戏</span><div class="bor-t"></div></div>
			</a>
			<a class="a-default c-black" href="">
				<div class="nav-one s-n-o s-b p-r"><span class="span-move" >模拟器游戏</span><div class="bor-t"></div></div>
			</a>
			<a class="a-default c-black" href="">
				<div class="nav-one s-n-o s-b p-r">
					<span class="span-move"><svg width="15" height="15" style="position: relative;top: -2px;" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 36 36"><path fill="#9AAAB4" d="M27.388 24.642L24.56 27.47l-4.95-4.95 2.828-2.828z"/><path fill="#66757F" d="M34.683 29.11l-5.879-5.879c-.781-.781-2.047-.781-2.828 0l-2.828 2.828c-.781.781-.781 2.047 0 2.828l5.879 5.879c1.562 1.563 4.096 1.563 5.658 0 1.56-1.561 1.559-4.094-.002-5.656z"/>
					<circle fill="#8899A6" cx="13.586" cy="13.669" r="13.5"/><circle fill="#BBDDF5" cx="13.586" cy="13.669" r="9.5"/>
				</svg> 搜索</span><div class="bor-t"></div></div>
			</a>
			<a class="a-default c-black" th:href="@{/my}">
				<div class="nav-one s-n-o s-b p-r"><span class="span-move" >关于我</span><div class="bor-t"></div></div>
			</a>
			
			<!-- <div class="nav-one-icon s-b" type="button">
				<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-arrow-bar-up" viewBox="0 0 16 16">
				<path fill-rule="evenodd" d="M8 10a.5.5 0 0 0 .5-.5V3.707l2.146 2.147a.5.5 0 0 0 .708-.708l-3-3a.5.5 0 0 0-.708 0l-3 3a.5.5 0 1 0 .708.708L7.5 3.707V9.5a.5.5 0 0 0 .5.5zm-7 2.5a.5.5 0 0 1 .5-.5h13a.5.5 0 0 1 0 1h-13a.5.5 0 0 1-.5-.5z"/>
				</svg>
			</div> -->
		</div>
		
		<!-- 轮播图 -->
		<div class="containermain">
			<!-- 轮播图 -->
			<div class="lbt-one" id="gameLbt">
				<div class="fg-lbt show-box-s" id="fg-lbt">
					<div class="lbt-title"  v-for="(gameLbt,index) in gameLbt" :key="index">
						<p class="c-white p-blod" id="lbt-ts" v-text="gameLbt.lbtTitle" v-show="index === currentIndex">想被邀请看电影！</p>
					</div>
					<div class="lbt-z">
						<ul class="fj-lbt-zt" id="lbt-zt" ref="imgmove">
							<li class="left" v-for="(gameLbt,index) in gameLbt" :key="index">
								<a :href="'/gameart/'+gameLbt.artId">
								<img class="imgset" :src="gameLbt.lbtImg" width="100%" @mouseleave="yichukz" @mouseenter="yirukz"/>
							</a>
							</li>
						</ul>
					</div>
					<div class="lbt-x-z">
						<div class="lbt-tp" v-for="(gameLbt,index) in gameLbt" :key="index" v-if="gameLbt.id < timer+1">
							<div class="lbt-tp-waike " :style="index === currentIndex?'background:hotpink':'background:'">
								<img :src="gameLbt.lbtImgSm" width="45px" height="45px" ref="lbtMin" @mouseleave="yichu" @mouseenter="yiru(index)"/>
							</div>
						</div>
					</div>
				</div>
			</div>
			
			<!-- pc大作 -->
			<div class="pcgood">
				<h3 class="p-blod c-pink text-align" style="margin: 15px 0;">
					最受欢迎的PC大作
				</h3>
				<h6 class="p-blod c-purple text-align">芜湖！好耶ヽ(✿ﾟ▽ﾟ)ノ</h6>
				<!-- pc-box -->
				<div class="flex-cen">
					<div class="pc-good-box">
						<div class="pc-one-all" id="gamePcAll">
							<div class="pc-one show-box-m-d" :title="gamePc.gameTitle" v-for="(gamePc,index) in gamePc" :key="index" @mouseleave="pcyc(index)" @mouseenter="pcyr(index)">
								<a class="a-default" :href="'/gameart/'+gamePc.id">
									<div class="pc-img p-r">
										<img :src="gamePc.gameImgMain" width="100%" :alt="gamePc.gameImgMain">
										<div class="p-a img-right-t">
											<span class="p-blod c-white" v-text="gamePc.gameFl">PC大作</span>
										</div>
									</div>
									<div class="pc-mass-all">
										<div class="pc-name text-align c-pink">
											<span class="p-blod" v-text="gamePc.gameTitle">
												双人成行 CODEX中文版
											</span>
										</div>
									</div>
									<div class="article-mass text-align">
										<span class="p-default span p-blod text-align flex-p" >
											<span class="username">
											<svg style="position:relative; top:-2px;" xmlns="http://www.w3.org/2000/svg"
												width="14px" height="14px" viewBox="0 0 24 24" fill="none" stroke="currentColor"
												stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
												class="feather feather-user">
												<path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path>
												<circle cx="12" cy="7" r="4"></circle>
											</svg> <span v-text="gamePc.gameArticle">暮迟</span></span>
											<span class="game-fl">
										<svg xmlns="http://www.w3.org/2000/svg"
										style="color: rgb(224, 102, 255);position: relative;top: -2px;" width="16px" height="16px" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-grid"><rect x="3" y="3" width="7" height="7"></rect>
										<rect x="14" y="3" width="7" height="7"></rect><rect x="14" y="14" width="7" height="7"></rect><rect x="3" y="14" width="7" height="7"></rect>
										</svg> <span v-text="gamePc.gameFl">PC大作</span></span> <span class="game-up-t">
											<svg style="position:relative;top:-2px;" xmlns="http://www.w3.org/2000/svg"
												width="14px" height="14px" viewBox="0 0 24 24" fill="none" stroke="currentColor"
												stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
												class="feather feather-clock">
												<circle cx="12" cy="12" r="10"></circle>
												<polyline points="12 6 12 12 16 14"></polyline>
											</svg>
										<span class="c-purple" v-text="gamePc.gameUptime"></span></span> <svg style="position:relative;top:-2px;" xmlns="http://www.w3.org/2000/svg"
										width="14px" height="14px" viewBox="0 0 24 24" fill="none" stroke="currentColor"
										stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
										class="feather feather-eye">
										<path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path>
										<circle cx="12" cy="12" r="3"></circle>
									</svg> <span v-text="gamePc.gameLook">12</span></span>
									</div>
									<div class="game-up-time" ref="uptime">
										<span class="p-blod c-purple">更新时间</span>
										<span class="p-blod up-time-wk" v-text="gamePc.gameUptime">2022年5月24</span>
									</div>
								</a>
							</div>
							
						</div>
					</div>
				</div>
				<div class="game-more">
					<a href="/pcgame" class="a-def">
						<span class="p-blod c-purple text-align" type="button">查看更多ヾ(•ω•`)o</span>

					</a>
				</div>
			</div>
			<!-- 独立游戏 -->
			<div class="indie-game">
				<h3 class="p-blod c-pink text-align" style="margin: 15px 0;">
					最受欢迎的独立游戏
				</h3>
				<h6 class="p-blod c-purple text-align">┗|｀O′|┛ 嗷~~</h6>
				<!-- pc-box -->
				<div class="flex-cen">
					<div class="pc-good-box">
						<div class="pc-one-all" id="gameDlAll">
							<div class="pc-one show-box-m-d" :title="gameDl.gameTitle" v-for="(gameDl,index) in gameDl" :key="index" @mouseleave="dlyc(index)" @mouseenter="dlyr(index)">
								<a class="a-default" :href="'/gameart/'+gameDl.id">
									<div class="pc-img p-r">
										<img :src="gameDl.gameImgMain" width="100%" :alt="gameDl.gameImgMain">
										<div class="p-a img-right-t">
											<span class="p-blod c-white" v-text="gameDl.gameFl">PC大作</span>
										</div>
									</div>
									<div class="pc-mass-all">
										<div class="pc-name text-align c-pink">
										<span class="p-blod" v-text="gameDl.gameTitle">
											双人成行 CODEX中文版
										</span>
										</div>
									</div>
									<div class="article-mass text-align">
									<span class="p-default span p-blod text-align flex-p" >
										<span class="username">
										<svg style="position:relative; top:-2px;" xmlns="http://www.w3.org/2000/svg"
											 width="14px" height="14px" viewBox="0 0 24 24" fill="none" stroke="currentColor"
											 stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
											 class="feather feather-user">
											<path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path>
											<circle cx="12" cy="7" r="4"></circle>
										</svg> <span v-text="gameDl.gameArticle">暮迟</span></span>
										<span class="game-fl">
									<svg xmlns="http://www.w3.org/2000/svg"
										 style="color: rgb(224, 102, 255);position: relative;top: -2px;" width="16px" height="16px" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-grid"><rect x="3" y="3" width="7" height="7"></rect>
									<rect x="14" y="3" width="7" height="7"></rect><rect x="14" y="14" width="7" height="7"></rect><rect x="3" y="14" width="7" height="7"></rect>
									</svg> <span v-text="gameDl.gameFl">PC大作</span></span>
										<span class="game-up-t">
										<svg style="position:relative;top:-2px;" xmlns="http://www.w3.org/2000/svg"
											 width="14px" height="14px" viewBox="0 0 24 24" fill="none" stroke="currentColor"
											 stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
											 class="feather feather-clock">
											<circle cx="12" cy="12" r="10"></circle>
											<polyline points="12 6 12 12 16 14"></polyline>
										</svg>
									<span class="c-purple" v-text="gameDl.gameUptime">2022年07月20日</span></span> <svg style="position:relative;top:-2px;" xmlns="http://www.w3.org/2000/svg"
																													 width="14px" height="14px" viewBox="0 0 24 24" fill="none" stroke="currentColor"
																													 stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
																													 class="feather feather-eye">
									<path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path>
									<circle cx="12" cy="12" r="3"></circle>
								</svg> <span v-text="gameDl.gameLook">12</span></span>
									</div>
									<div class="game-up-time" ref="uptime">
										<span class="p-blod c-purple">更新时间</span>
										<span class="p-blod up-time-wk" v-text="gameDl.gameUptime">2022年5月24</span>
									</div>
								</a>
							</div>
							
						</div>
					</div>
				</div>
				<div class="game-more">
					<a href="/indexgame" class="a-def">
						<span class="p-blod c-purple text-align">查看更多ヾ(•ω•`)o</span>
					</a>
				</div>
			</div>
			<!-- VR游戏 -->
			<div class="vr-game">
				<h3 class="p-blod c-pink text-align" style="margin: 15px 0;">
					最受欢迎的VR游戏
				</h3>
				<h6 class="p-blod c-purple text-align">身临其境(๑•̀ㅂ•́)و✧</h6>
				<div class="vr-game-all show-box-m-d">
					<div class="vr-box">
						<div class="zw">
							<p>该模块暂未完善，敬请期待</p>
						</div>

						</div>
					</div>
				</div>
				<div class="game-more">
					<span class="p-blod c-purple text-align" type="button">查看更多ヾ(•ω•`)o</span>
				</div>
			</div>
		<div id="gameDW"></div>
			<!-- 游戏列表 -->
			<div class="game-recently" id="gameAll">
				<h3 class="p-blod c-pink text-align" style="margin: 15px 0;">
					最近更新的游戏
				</h3>
				<h6 class="p-blod c-purple text-align">好耶！是新游戏耶(✿◠‿◠)</h6>
				<div class="game-one-all">
					<div class="f-center" >
						<div class="game-one show-box-m-d p-r" v-for="(gameList,index) in gameList.list" :key="index" @mouseleave="yichu(index)" @mouseenter="yiru(index)">
							<a class="a-def" :href="'/gameart/'+gameList.id">
								<div class="game-one-img p-r" ref="imgshow">
									<img :src="gameList.gameImgMain" width="100%" height="100%" :alt="gameList.gameImgMain">
									<div class="p-a img-right-t">
										<span class="p-blod c-white" v-text="gameList.gameFl">PC大作</span>
									</div>
								</div>
								<div class="game-recen-mass">
									<h5 class="c-pink p-blod padding-font-def" ref="pact" :id="'name'+gameList.id" v-text="gameList.gameTitle">茶杯头 美味的最后一道菜（Cuphead Deluxe Edition The Delicious Last Course）中文版</h5>
									<p class="p-blod text-align p-default c-purple" v-text="gameList.gameBody">
										《茶杯头》是一款以BOSS对战为主的经典横版卷轴类射击游戏。受上世纪30年代动画片的启发，游戏无论是画面还是音效都努力再 […]
									</p>
									<div class="fx-box">
										<span class="p-blod c-purple">分享至:</span>
										<div class="fx-one">
											<div class="a-svg-box" @click="wxandqq(gameList.id)">
												<a class="a-default" href="javascript:void(0)">
													<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
														<circle cx="20" cy="20" r="20" fill="#57BB40"/>
														<path fill-rule="evenodd" clip-rule="evenodd" d="M19.7168 13.7118C19.0097 13.7118 18.4441 14.2616 18.4441 14.9491C18.4441 15.6366 19.0097 16.1864 19.7168 16.1864C20.424 16.1864 20.9896 15.6366 20.9896 14.9491C20.9896 14.2616 20.424 13.7118 19.7168 13.7118ZM13.6355 13.7118C12.9292 13.7118 12.3628 14.2616 12.3628 14.9491C12.3628 15.6366 12.9292 16.1864 13.6355 16.1864C14.3427 16.1864 14.909 15.6366 14.909 14.9491C14.909 14.2616 14.3427 13.7118 13.6355 13.7118ZM17.1724 22.9225C17.1724 23.61 17.314 24.2974 17.5964 24.8472H16.7484C15.7581 24.8472 14.6269 24.7104 13.6366 24.4351L10.1016 26.0845L10.9503 23.3347C8.68727 21.9605 7.27295 19.8982 7.27295 17.4236C7.27295 13.2996 11.5159 10 16.6068 10C21.273 10 25.0919 12.7498 25.7991 16.1863H25.0919C20.7074 16.1863 17.1724 19.2107 17.1724 22.9225ZM27.9199 19.8983C27.3543 19.8983 26.9296 20.3105 26.9296 20.8603C26.9296 21.4109 27.3543 21.8231 27.9199 21.8231C28.4855 21.8231 28.9102 21.4109 28.9102 20.8603C28.9102 20.3105 28.4855 19.8983 27.9199 19.8983ZM22.8285 19.8983C22.263 19.8983 21.839 20.3105 21.839 20.8603C21.839 21.4109 22.263 21.8231 22.8285 21.8231C23.3941 21.8231 23.8181 21.4109 23.8181 20.8603C23.8181 20.3105 23.3941 19.8983 22.8285 19.8983ZM29.7576 28.0091L30.4647 30.2083L27.9193 28.8342C27.0705 29.1087 26.2226 29.2464 25.233 29.2464C21.1308 29.2464 17.7374 26.4965 17.7374 23.06C17.7374 19.6235 21.1308 16.8737 25.233 16.8737C29.3336 16.8737 32.727 19.6235 32.727 23.06C32.727 24.9847 31.5966 26.7718 29.7576 28.0091Z" fill="white"/>
													</svg>
												</a>
											</div>

											<div class="a-svg-box" @click="wxandqq(gameList.id)">
												<a class="a-default" href="javascript:void(0)">
													<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">
														<circle cx="20" cy="20" r="20" fill="#4CA2E5"/>
														<path fill-rule="evenodd" clip-rule="evenodd" d="M29.0365 24.2657C28.9059 22.7032 28.0439 20.9636 27.6915 20.0894L26.7801 17.8395C26.7515 16.9025 27.0413 14.7516 25.5216 12.0594C23.9972 9.36651 20.9438 9.12432 20.3787 9.09627C19.8136 9.06821 16.2817 9.04089 14.5447 11.9715C12.8077 14.9015 13.277 17.8395 13.277 17.8395L12.3053 20.1049C12.3053 20.1049 11.8538 21.1393 11.4627 22.3968C11.0715 23.6543 10.6796 25.6317 11.0715 26.0334C11.4627 26.435 12.8804 24.194 13.011 23.9866C13.011 23.9866 13.1123 25.0565 13.3805 25.6177C13.5954 26.0659 14.1103 27.1845 15.1515 28.0617C14.6514 28.216 13.4509 28.6288 13.2739 29.0578C13.052 29.6027 13.4478 29.667 14.1242 29.7039C14.8006 29.7408 18.0426 29.8242 19.5964 29.6168C19.6134 29.6138 19.6273 29.6116 19.6443 29.6094C19.7966 29.6138 19.9388 29.6168 20.0764 29.6168C20.1638 29.6168 20.2651 29.6138 20.374 29.6116C20.3841 29.6138 20.3957 29.6138 20.4057 29.6168C21.9587 29.8242 25.2031 29.7408 25.8772 29.7039C26.5536 29.667 26.947 29.6027 26.7275 29.0578C26.5482 28.6214 25.3144 28.2042 24.829 28.0565C24.9805 27.9273 25.1281 27.7885 25.2734 27.6386C27.0243 25.8 26.8798 24.6393 26.9524 23.9747C26.9524 23.9747 28.4281 26.0075 28.7466 26.0769C29.0659 26.1463 29.1648 25.8274 29.0365 24.2657Z" fill="white"/>
													</svg>
												</a>
											</div>

<!--											<div class="a-svg-box">-->
<!--												<a class="a-default" href="">-->
<!--													<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">-->
<!--														<circle cx="20" cy="20" r="20" fill="#F4BF41"/>-->
<!--														<path fill-rule="evenodd" clip-rule="evenodd" d="M25.7608 17.8223L18.7132 22.8777C18.7132 22.8777 21.5417 23.2974 25.8074 23.2492L25.6134 22.4129L31.6916 17.147C31.8029 17.05 31.8457 16.8958 31.7999 16.7552C31.7547 16.6145 31.6291 16.5145 31.481 16.5025L23.4685 15.8143L20.3384 8.40576C20.2812 8.27038 20.1474 8.18164 20 8.18164C19.8526 8.18164 19.7187 8.27038 19.6615 8.40576L16.5307 15.8143L8.51822 16.5025C8.37081 16.5145 8.24522 16.6145 8.19934 16.7552C8.15422 16.8958 8.19708 17.05 8.30839 17.147L14.3866 22.4129L12.5651 30.2472C12.5312 30.3901 12.5869 30.5405 12.7065 30.6277C12.8268 30.7135 12.9862 30.7195 13.1133 30.6443L20 26.4906L26.8866 30.6443C26.9453 30.6811 27.0107 30.6969 27.0769 30.6969C27.1536 30.6969 27.2288 30.6744 27.2927 30.6277C27.4123 30.5405 27.4687 30.3901 27.4349 30.2472L25.9947 24.0517C26.6121 23.7411 27.2927 23.2154 27.2927 23.2154C27.2927 23.2154 24.5958 24.5323 14.9138 23.8885L21.9305 18.803C21.9305 18.803 21.6545 18.3736 12.8606 18.0675C12.2718 18.0472 20.0301 16.5965 25.7608 17.8223Z" fill="white"/>-->
<!--													</svg>-->
<!--												</a>-->
<!--											</div>-->

<!--											<div class="a-svg-box">-->
<!--												<a class="a-default" href="">-->
<!--													<svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg">-->
<!--														<circle cx="20" cy="20" r="20" fill="#5582E7"/>-->
<!--														<path fill-rule="evenodd" clip-rule="evenodd" d="M19.4525 10.18C19.4525 10.0806 19.3719 10 19.2725 10H12.43C11.0879 10 10 11.0879 10 12.43V24.6952C10 24.7946 10.0806 24.8752 10.18 24.8752H12.1687C12.2681 24.8752 12.3487 24.7946 12.3487 24.6952V12.3936H17.1492V24.6952C17.1492 24.7946 17.2298 24.8752 17.3292 24.8752H19.2725C19.3719 24.8752 19.4525 24.7946 19.4525 24.6952V10.18ZM22.791 10.18V18.9211H21.089C20.9895 18.9211 20.909 19.0017 20.909 19.1011V29.813C20.909 29.9125 20.9895 29.993 21.089 29.993H27.57C28.9121 29.993 30 28.9051 30 27.563V19.1011C30 19.0017 29.9194 18.9211 29.82 18.9211H25.0901V14.2177C25.0901 14.1183 25.1707 14.0377 25.2701 14.0377H29.82C29.9194 14.0377 30 13.9571 30 13.8577V11.7972C30 11.6978 29.9194 11.6172 29.82 11.6172H25.2701C25.1707 11.6172 25.0901 11.5366 25.0901 11.4372V10.18C25.0901 10.0806 25.0095 10 24.9101 10H22.971C22.8716 10 22.791 10.0806 22.791 10.18ZM27.6772 21.2751H23.2247V27.6576H27.6772V21.2751ZM13.7366 13.6401C13.6372 13.6401 13.5566 13.7193 13.5566 13.8187V23.4181C13.5566 26.8874 10 27.6805 10 27.6805V29.993C10 29.993 12.5302 30.1366 14.7262 27.3201C16.2314 29.7651 19.4525 29.993 19.4525 29.993C19.4525 29.993 19.4574 27.7087 19.4525 27.6805C15.5546 27.0698 15.9039 23.466 15.9096 23.4181V13.8191C15.9096 13.7197 15.829 13.6401 15.7296 13.6401H13.7366Z" fill="white"/>-->
<!--													</svg>-->
<!--												</a>-->
<!--											</div>-->

										</div>
									</div>
								</div>
								<div class="game-up-time" ref="masact">
									<span class="p-blod c-purple">更新时间</span>
									<span class="p-blod up-time-wk" v-text="gameList.gameUptime">2022年5月24</span>
								</div>
								<div class="article-mass text-align">
								<span class="p-default p-blod text-align flex-p" >
									<span class="username">
									<svg style="position:relative; top:-2px;" xmlns="http://www.w3.org/2000/svg"
										 width="14px" height="14px" viewBox="0 0 24 24" fill="none" stroke="currentColor"
										 stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
										 class="feather feather-user">
										<path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path>
										<circle cx="12" cy="7" r="4"></circle>
									</svg> <span v-text="gameList.gameArticle">暮迟</span></span>
									<span class="game-fl">
								<svg xmlns="http://www.w3.org/2000/svg"
									 style="color: rgb(224, 102, 255);position: relative;top: -2px;" width="16px" height="16px" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="feather feather-grid"><rect x="3" y="3" width="7" height="7"></rect>
								<rect x="14" y="3" width="7" height="7"></rect><rect x="14" y="14" width="7" height="7"></rect><rect x="3" y="14" width="7" height="7"></rect>
								</svg> <span v-text="gameList.gameFl">PC大作</span></span>
									<span class="game-up-t">
										<svg style="position:relative;top:-2px;" xmlns="http://www.w3.org/2000/svg"
											 width="14px" height="14px" viewBox="0 0 24 24" fill="none" stroke="currentColor"
											 stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
											 class="feather feather-clock">
											<circle cx="12" cy="12" r="10"></circle>
											<polyline points="12 6 12 12 16 14"></polyline>
										</svg>
									<span class="c-purple" v-text="gameList.gameUptime">2022年07月20日</span></span>
									<svg style="position:relative;top:-2px;" xmlns="http://www.w3.org/2000/svg"
										 width="14px" height="14px" viewBox="0 0 24 24" fill="none" stroke="currentColor"
										 stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
										 class="feather feather-eye">
								<path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z"></path>
								<circle cx="12" cy="12" r="3"></circle>
							</svg> <span v-text="gameList.gameLook">12</span></span>
								</div>
							</a>
						</div>


						
					</div>
				</div>
				<!-- 分页 -->
				<div class="next-all" >
					<div class="next-one">
						<a v-show="!gameList.isFirstPage" class="a-def" @click="page(0)">
						<span class="span-fy">
						<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-double-left" viewBox="0 0 16 16">
							<path fill-rule="evenodd" d="M8.354 1.646a.5.5 0 0 1 0 .708L2.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z"/>
							<path fill-rule="evenodd" d="M12.354 1.646a.5.5 0 0 1 0 .708L6.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z"/>
						</svg>
					</span>
						</a>
						<a v-show="gameList.pageNum-2 >= gameList.navigateFirstPage" class="a-def" @click="page(gameList.pageNum-2)">
						<span class="span-fy" v-text="gameList.pageNum-2">
						2
					</span>
						</a>
						<a v-show="gameList.pageNum-1 >= gameList.navigateFirstPage" class="a-def" @click="page(gameList.pageNum-1)">
						<span class="span-fy" v-text="gameList.pageNum-1">
						1
					</span>
						</a>
						<a v-show="gameList.pageNum" class="a-def" >
						<span class="span-fy fy-my" v-text="gameList.pageNum">
						1
					</span>
						</a>
						<a v-show="gameList.pageNum+1 < gameList.navigateLastPage" class="a-def" @click="page(gameList.pageNum+1)">
						<span class="span-fy" v-text="gameList.pageNum+1">
						2
					</span>
						</a>
						<span class="span-fy" v-if="gameList.pageNum!=gameList.navigateLastPage">
						....
					</span>
						<a v-show="gameList.pageNum <= gameList.navigateLastPage-1" class="a-def" @click="page(gameList.navigateLastPage)">
						<span class="span-fy" v-text="gameList.navigateLastPage">
						2
					</span>
						</a>
						</a>
						<a v-show="!gameList.isLastPage" class="a-def" @click="page(gameList.navigateLastPage)">
						<span class="span-fy">
						<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-chevron-double-right" viewBox="0 0 16 16">
							<path fill-rule="evenodd" d="M3.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L9.293 8 3.646 2.354a.5.5 0 0 1 0-.708z"/>
							<path fill-rule="evenodd" d="M7.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L13.293 8 7.646 2.354a.5.5 0 0 1 0-.708z"/>
						</svg>
					</span>
						</a>
					</div>
				</div>
			</div>


		</div>
	</div>
	<footer class="footer p-ht" id="footer">
		<div class="footer-box">
			<div class="footer-all">
				<div class="footer-l">
					<span class="p-blod">AURORA 收藏屋</span>
					<div class="my-mass p-r">
						<span class="p-blod">@ AURORA 收藏屋 -- 今朝有酒今朝醉</span>
						<span class="p-blod">Copyright @ <span id="newyear"></span> AURORA 收藏屋</span>
					</div>
				</div>
				<div class="footer-r">
                <span class="p-def c-purple">
                    <a class="a-def" href="https://beian.miit.gov.cn/#/Integrated/index" target="_blank">
                    渝ICP备2022012032号
                    </a>
                </span>
				</div>
			</div>
		</div>
	</footer>
	<script th:src="@{/js/vue.js}" type="text/javascript" charset="utf-8"></script>
	<script th:src="@{/js/axios.min.js}" type="text/javascript" charset="utf-8"></script>
	<script th:src="@{/js/iview.min.js}" type="text/javascript" charset="utf-8"></script>
	<script th:src="@{/js/waste-home-v.js}" type="text/javascript" charset="utf-8"></script>
	<script th:src="@{/js/fontadd.js}" type="text/javascript" charset="utf-8"></script>
	<script th:src="@{/js/setting.js}" type="text/javascript" charset="utf-8"></script>
</body>
</html>